<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>交易曦游记</title>
    <link rel="stylesheet" type="text/css" href="style/index.css"/>
	<link rel="stylesheet" type="text/css" href="style/reset.css"/>
</head>
<body>
    <div class="container">
        <header class="header">
			<div class="header-logo">
				<img src="images/logo.png" alt="logo">
			</div>
            <div class="header-user">
                <img src="images/头像.png" alt="头像">
                <span>欢迎，木板</span>
            </div>
        </header>
        <div class="main">
            <article class="main-content">
                <div class="banner">
                    <img class="graffiti" src="images/标题@2x.png" alt="标题">
                    <img class="money" src="images/钱.png" alt="钱">
					<img  class="cloud" src="images/火箭烟雾.png" alt="火箭烟雾" >
                    <img class="building" src="images/建筑.png" alt="建筑">
                    <img class="rocket" src="images/火箭.png" alt="火箭">
                    <img class="desert" src="images/沙漠人.png" alt="沙漠人">
                    <img class="xiaozhi" src="images/小智.png" alt="小智">
					<img class="left" src="images/涂鸦@2x.png" alt="小智">
					
					<div class="lightSpeedIn">每周三晚上20:00更新</div>
                </div>
                <div class="video">
                    <div class="video-box">
                        <h2>交易曦游记：记录真实交易员的人物纪实片</h2>
						<div class="menu">
						    <div class="playTime">0:00/0:00</div>
						    <div class="videoBar">
						        <div></div>
						        <i></i>
						    </div>
						    <div class="speed">倍速</div>
						    <div class="speedList">
						        <ul>
						            <li>正常</li>
						            <li>1.25</li>
						            <li>1.5</li>
						            <li>2.0</li>
						        </ul>
						    </div>
						    <div class="volumeAdd">🔊+</div>
						    <div class="volumeIns">🔊-</div>
						</div>
						
                        <div class="share">
                            <span>
                                <img src="images/分享.png" alt="分享">
                                分享
                            </span>
                            <a href="#" >
                                <img class="wx" src="images/微信.png" alt="微信">
                            </a>
                            <a href="http://service.weibo.com/share/share.php" >
                                <img class="wb" src="images/微博.png" alt="微博">
                            </a>
                            <a href="http://connect.qq.com/widget/shareqq/index.html" >
                                <img class="qqFriend"  src="images/QQ.png" alt="QQ">
                            </a>
                            <a href="https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey" >
                                <img class="qqSpace" src="images/QQ空间.png" alt="QQ空间">
                            </a>
                        </div>
						<img class="weixinCode" src="images/二维码@2x.png" alt="二维码">
                        <div class="video-play">
                            <img src="images/play.png" alt="播放">
                        </div>
                        <video src="video/video01.mp4"></video>
                    </div>
                </div>
               <div class="mobile-box">
                    <div class="box-person">
                        <div class="person-title">
                            <p>交易员人物介绍</p>
                        </div>
                        <ul class="person-list">
                            <li>
                                <img src="images/photo.png" alt="用户">
                                <div class="person-name">
                                    <p>林则徐</p>
                                    <img src="images/up.png" alt="up">
                                </div>
                            </li>
                            <li>
                                <img src="images/头像.png" alt="用户">
                                <div class="person-name">
                                    <p>徐悲鸿</p>
                                    <img src="images/down.png" alt="down">
                                </div>
                            </li>
                            <li>
                                <img src="images/people3.png" alt="用户">
                                <div class="person-name">
                                    <p>小小彬</p>
                                    <img src="images/down.png" alt="down">
                                </div>
                            </li>
                            <li>
                                <img src="images/people4.png" alt="用户">
                                <div class="person-name">
                                    <p>小小彬</p>
                                    <img src="images/down.png" alt="down">
                                </div>
                            </li>
                        </ul>
                        <div class="person-info">
                            <p>1785年，福建，清朝时期的政治家、思想家和诗人，因其主张严禁鸦片,在中国有“民族英雄”之誉。</p>
                        </div>
                    </div>
                    <div class="mobile-talk">
                        <div class="talk-title">
                            <div></div>
                            <div></div>
                            <p>本集话题讨论</p>
                        </div>
                        <p>交易简单看来，不外乎上涨下跌，赌博不外乎输赢。交易员是赌徒吗？</p>
                        <ul class="talk-list">
                            <li>
                                <div class="list-img">
                                    <i></i>
                                    <span>投票</span>
                                </div>
                                <p class="talk-count">已投 1209 票</p>
                            </li>
                            <li>
                                <div class="list-img">
                                    <i></i>
                                    <span>投票</span>
                                </div>
                                <p class="talk-count">已投 1209 票</p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="review">
                    <div class="title">
                        <h3>
                            <img src="images/小标题装饰火箭.png" alt="小标题装饰火箭">
                            <span>往期回顾</span>
                            <img src="images/小标题右边.png" alt="小标题右边">
                        </h3>
                        <a href="#">查看更多</a>
                    </div>
                    <ul class="review-list">
                        <li>
                            <img class="one" src="images/video1.png" alt="八周交易计划2 《我的信仰》">
                            <p>八周交易计划2 《我的信仰》</p>
                            <p>2017-01-20</p>
                        </li>
                        <li>
                            <img class="two" src="images/video2.png" alt="第八集：巅峰之战！谁是黑马？">
                            <p>第八集：巅峰之战！谁是黑马？</p>
                            <p>2017-01-20</p>
                        </li>
                        <li>
                            <img class="three" src="images/video3.png" alt="巨债承压动真格，赚钱才是真本事！">
                            <p>巨债承压动真格，赚钱才是真本事！</p>
                            <p>2017-01-20</p>
                        </li>
                    </ul>
                </div>
                <div class="message">
                    <div class="title">
                        <h3>
                            <img src="images/小标题装饰火箭.png" alt="小标题装饰火箭">
                            <span>留言区</span>
                            <img src="images/小标题右边.png" alt="小标题右边">
                        </h3>
                    </div>
                    <div class="tips">
                        <p>
                            <i><img src="images/message_icon.png" ></i>
                            交易简单看来，不外乎上涨下跌，赌博不外乎输赢。在很多人看来,这两者都是很大风险的，但实际交易的风险就不可控了吗？
                        </p>
                        <div class="connect c-left"><img src="images/导言装饰@2x(1).png" ></div>
                        <div class="connect c-right"><img src="images/导言装饰@2x(1).png" ></div>
                    </div>
                    <div class="comment">
                        <div class="comment-title">
                            <div class="text">
                                <p>
                                   <i><img src="images/news.png" ></i>
                                    <span>评论需要登录，您还没有登录</span>
                                </p>

                            </div>
							
                            <div class="login">
                                <a href="#">注册</a>
                                <a href="#">登录</a>
                            </div>
                        </div>
                        <div class="line">
                            <span>最新评论(149)</span>
                        </div>
                        <div class="comment-box">
                            <ul class="comment-list">
                                <li>
                                    <div class="goods">0</div>
                                    <div class="content">
                                        <div class="content-top">
                                            <i><img src="images/people1.png" ></i>
                                            <div>
                                                <p class="user">扭转乾坤</p>
                                                <p class="info">温州 10:06</p>
                                            </div>
                                        </div>
                                        <div class="content-bottom">
                                            <p>大部分的赌徒都是赌久必输，而只有部分职业赌徒是赌久必赢的。可以说，赌久必输是生活中常见的现象</p>
                                            <div>
                                                <i><img src="images/information.png" ></i>
                                                <span>回复</span>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="goods">2</div>
                                    <div class="content">
                                        <div class="content-top">
                                            <i><img src="images/people2.png" ></i>
                                            <div>
                                                <p class="user">扭转乾坤</p>
                                                <p class="info">温州 10:06</p>
                                            </div>
                                        </div>
                                        <div class="content-bottom">
                                            <p>大部分的赌徒都是赌久必输，而只有部分职业赌徒是赌久必赢的。可以说，赌久必输是生活中常见的现象</p>
                                            <div>
                                                <i><img src="images/information.png" ></i>
                                                <span>回复</span>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <aside class="sidebar">
                    <div class="sidebar-title">
                        <p>交易员人物介绍</p>
                    </div>
                    <div class="sidebar-content">
                        <div class="scroll">
                            <div class="content-inner">
                                <ul>
                                    <li class="person">
                                       <img src="images/photo.png" alt="头像">
                                        <div>
                                            <p>林则徐(1785年)，福建</p>
                                            <p>清朝时期的政治家、思想家和诗人，因其主张严禁鸦片,在中国有“民族英雄”之誉。</p>
                                        </div>
                                    </li>                                    
                                </ul>
                                <div class="content-talk">
                                    <div class="talk-box">
                                        <div class="talk-title">
                                            <p class="public">本集话题讨论</p>
                                        </div>
                                        <p>交易简单看来，不外乎上涨下跌，赌博不外乎输赢。交易员是赌徒吗？</p>
                                        <ul class="talk-list">
                                            <li>
                                                <div class="list-img">
                                                    <i><p>投 票</p></i>
                                                    <p>我是选项1</p>
                                                </div>
                                                <p class="list-count">已投 1209 票</p>
                                            </li>
                                            <li>
                                                <div class="list-img">
                                                    <i><p>投 票</p></i>
                                                </div>
                                                <p class="list-count">已投 1209 票</p>
                                            </li>
                                        </ul>
                                        <i class="bitmap"></i>
                                    </div>
                                    <div class="salon">
                                        <div class="talk-title" style="background-color: #F8F6F3;">
                                            <p class="public" style="color: #C6544C;">线下沙龙招募活动</p>
                                        </div>
                                        <p>交易简单看来，不外乎上涨下跌，赌博不外乎输赢。交易员是赌徒吗？交易简单看来，不外乎上涨下跌，赌博不外乎输赢。交易员是赌徒吗？交易简单看来？</p>
                                        <div class="btn">活动详情</div>
                                    </div>
                                    <div class="c-line"></div>
                                    <div class="join">
                                        <p>加入我们《交易曦游记》大家庭吧！</p>
                                        <div class="qc-code">
                                            <img src="images/二维码@2x.png" alt="二维码">
                                            <div>
                                                <p>交易曦游记</p>
                                                <p>微信号：jin10_domi</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </aside>
                <div class="hide-box">
                    <div class="back">×</div>
                    <div class="sidebar-title">
                        <p>交易员人物介绍</p>
                    </div>
                    <div class="sidebar-content">
                        <div class="content-inner">
                            <ul>
                                <li class="person">
                                    <i></i>
                                    <div>
                                        <p>林则徐(1785年)，福建</p>
                                        <p>清朝时期的政治家、思想家和诗人，因其主张严禁鸦片,在中国有“民族英雄”之誉。</p>
                                    </div>
                                </li>
                                <li class="person">
                                    <i></i>
                                    <div>
                                        <p>林则徐(1785年)，福建</p>
                                        <p>清朝时期的政治家、思想家和诗人，因其主张严禁鸦片,在中国有“民族英雄”之誉。</p>
                                    </div>
                                </li>
                                <li class="person">
                                    <i></i>
                                    <div>
                                        <p>林则徐(1785年)，福建</p>
                                        <p>清朝时期的政治家、思想家和诗人，因其主张严禁鸦片,在中国有“民族英雄”之誉。</p>
                                    </div>
                                </li>
                                <li class="person">
                                    <i></i>
                                    <div>
                                        <p>林则徐(1785年)，福建</p>
                                        <p>清朝时期的政治家、思想家和诗人，因其主张严禁鸦片,在中国有“民族英雄”之誉。</p>
                                    </div>
                                </li>
                            </ul>
                            <div class="content-talk">
                                <div class="mobile-talk">
                                    <div class="talk-title">
                                        <div></div>
                                        <div></div>
                                        <p>本集话题讨论</p>
                                    </div>
                                    <p>交易简单看来，不外乎上涨下跌，赌博不外乎输赢。交易员是赌徒吗？</p>
                                    <ul class="talk-list">
                                        <li>
                                            <div class="list-img">
                                                <i></i>
                                                <span>投票</span>
                                            </div>
                                            <p class="talk-count">已投 1209 票</p>
                                        </li>
                                        <li>
                                            <div class="list-img">
                                                <i class="background: url('images/Green.png') no-repeat center center;"></i>
                                                <span>投票</span>
                                            </div>
                                            <p class="talk-count">已投 1209 票</p>
                                        </li>
                                    </ul>
                                </div>
                                <div class="join">
                                    <p>加入我们《交易曦游记》大家庭吧！</p>
                                    <div class="qc-code">
                                        <img src="images/QC-Code.png" alt="二维码">
                                        <div>
                                            <p>交易曦游记</p>
                                            <p>微信号：jin10_domi</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </article>
        </div>
        <div class="mask"></div>
    </div>
<script src="js/index.js"></script>
</body>
</html>